
.top_logo .logo_pic{vertical-align: middle;
    height: 60px;
    display: inline-block;
    width: 61px; background: url(~@/assets/login/images/logo.png) no-repeat;}
.one .top_logo .logo_pic{ display: block; text-align: center; margin: 0 auto; margin-bottom: 10px; width: 90px; height: 90px;  background: url(~@/assets/login/images/logo1.png) no-repeat center;}
.two .top_logo .logo_pic{background: url(~@/assets/login/images/logo1.png) no-repeat left top; background-size: 90% auto;}
.three .top_logo .logo_pic{background: url(~@/assets/login/images/logo1.png) no-repeat left top; background-size: 100% auto;
    vertical-align: top;
    height: 80px;
    margin-right: 26px;
    width: 76px;}
.dunpan{ position: absolute; z-index: 2;
    top: 50%;
    left: 50%;
    font-size: 45px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background: url(~@/assets/login/images/anquan.png) no-repeat center; width: 100%; height: 100%;}
.neikc{ width: 720px; height: 210px; margin: 0 auto;}
.neikc ul{ padding:20px 0px 0px; height: auto; overflow:hidden; width: auto;}
.neikc ul li{margin:0px; float:left; width:33.33%; padding:0px; position:relative; text-align:center; cursor: pointer;}
.neikc ul li:hover span{ box-shadow: rgb(255, 255, 255) 0px 0px 8px inset;}
.neikc ul li span{ display:block; width:218px; height:180px; margin:0 auto;}
.neikc ul li span.one{ background:url(images/one.png) no-repeat center top;}
.neikc ul li span.two{ background:url(images/two.png) no-repeat center top;}
.neikc ul li span.three{ background:url(images/three.png) no-repeat center top;}
.neikc ul li span.four{ background:url(images/four.png) no-repeat center top;}
.neikc ul li.tips span{box-shadow: rgb(49, 255, 255) 0px 0px 10px inset;}
.neikc ul li em{ display:none;}
.neikc ul li.tips em{ display: block; z-index:33; right:6px; bottom:36px; border:1px solid #011854; width:20px; height:20px; border-radius:10px; background:#114388  url(images/xz.png) no-repeat center; position:absolute;}

ul.my_radio{ width: 740px; height: 210px; margin: 0 auto; padding:20px 0px 0px 20px;}
ul.my_radio .el-radio__label{ padding-left: 0px;}
ul.my_radio .el-radio__input{    position: absolute;  bottom: 8px; right: 8px;  z-index: 99;}
ul.my_radio li{margin:0px auto; width:100%; padding:0px; position:relative; text-align:center; cursor: pointer;}
ul.my_radio li:hover span{ box-shadow: rgb(255, 255, 255) 0px 0px 8px inset;}
ul.my_radio li span{ display:block; width:218px; height:180px; margin:0 auto;}
ul.my_radio li span.one{ background:url(images/one.png) no-repeat center top;}
ul.my_radio li span.two{ background:url(images/two.png) no-repeat center top;}
ul.my_radio li span.three{ background:url(images/three.png) no-repeat center top;}
ul.my_radio li span.four{ background:url(images/four.png) no-repeat center top;}
ul.my_radio li.tips span{box-shadow: rgb(49, 255, 255) 0px 0px 10px inset;}
ul.my_radio .is-checked li span{box-shadow: rgb(49, 255, 255) 0px 0px 10px inset;}

.liuxing {
    width: 85px;
    height: 85px;
    position: absolute;
    background: url(~@/assets/login/images/line.png) no-repeat;
    background-size: contain;
  }
  .liuxing1 {
    top: 200px;
    left: 200px;
  }
  .liuxing2 {
    top: 200px;
    left: 50%;
    margin-left: 200px;
  }
  .liuxing3 {
    top: 100px;
    right: 300px;
  }
  .liuxing4 {
    top: 150px;
    right: 300px;
  }
  .liuxingFla {
    animation: liuxing 5s ease-in infinite;
  }
  .liuxingFla2 {
    animation: liuxing2 4s ease-in infinite;
  }
  .liuxingFla3 {
    animation: liuxing3 3s linear infinite;
  }
  .liuxingFla4 {
    animation: liuxing4 2s linear infinite;
  }

  /* 流星动画 */
  @keyframes liuxing {
    0% {
      transform: translate(200px, -200px);
    }
    90% {
      transform: translate(-180px, 180px);
      opacity: 1;
    }
    100% {
      transform: translate(-200px, 200px);
      opacity: 0;
    }
  }
  @keyframes liuxing2 {
    0% {
      transform: translate(200px, -200px);
    }
    90% {
      transform: translate(-480px, 480px);
      opacity: 1;
    }
    100% {
      transform: translate(-500px, 500px);
      opacity: 0;
    }
  }
  @keyframes liuxing3 {
    0% {
      transform: translate(200px, -200px);
    }
    90% {
      transform: translate(-480px, 480px);
      opacity: 1;
    }
    100% {
      transform: translate(-500px, 500px);
      opacity: 0;
    }
  }
  @keyframes liuxing4 {
    0% {
      transform: translate(200px, -200px);
    }
    90% {
      transform: translate(-180px, 180px);
      opacity: 1;
    }
    100% {
      transform: translate(-200px, 200px);
      opacity: 0;
    }
  }

  .bodybk{width:100%; height:100%; background: url(images/topt.png) no-repeat top center; position:absolute; z-index:1; left:0px; top:0px;}
  .baiy{width:100%; height:100%; background:url(images/light.png) no-repeat center; position:absolute; z-index:2; left:0px; top:0px;}
  .loginbody{background:url(images/loginbg3.png) no-repeat center center; width:100%; height:100%; overflow:hidden; position:absolute; top:0; z-index:50;}
  .logbody{ width:100%; height:100%; background: url(images/logininfo.png) no-repeat center;position:relative; z-index:55; min-height:540px;}